import React from 'react';
import { Layout, Row, Col } from 'antd';
import styles from './index.less';
import { prolicy, Visits, organization, messageBoard, contactwe, address } from '@/utils/util';

const { Footer } = Layout;

const SiteFooter: React.FC = () => {
  return (
    <Footer className={styles.footer} style={{ textAlign: 'center' }}>
      <div style={{ padding: '0 15%' }}>
        <Row justify="space-between">
          <Col span={7}>
            <div className={styles.title}>
              <img src={prolicy} />
              <span className={styles.titlename}>
                {process.env.SYSTEM === 'policy' ? '关于政策兑现服务平台' : '政企直通车服务平台'}
              </span>
            </div>
            <div className={styles.content}>
              {process.env.SYSTEM === 'policy'
                ? '武汉经济技术开发区（汉南区）政策兑现服务平台是由武汉市经济技术开发区人民政府设立的企业发展政策受理和兑现服务平台，企业通过该平台进行创新岛政策的了解、申报和兑现，该平台实行一窗对外，全程互联网操作，方便企业、方便办事人民。'
                : '企业服务云平台旨在应用“互联网+”开辟区内企业反馈问题的快速通道。企业可以通过平台“政企直通车”版块咨询政策、反映问题、提出建议、表达诉求。按照“马上办”的要求，武汉开发区管委会（汉南区政府）第一时间安排工作人员处理企业反映的问题，分办、落实、反馈，各街道联动、区直部门协同，解决企业合理诉求，提高行政执行力，畅通政府部门与企业互信、互动渠道、最终实现为企业排忧解难，服务企业，促进发展'}
            </div>
          </Col>
          <Col span={7}>
            <div className={styles.title}>
              <img src={organization} />
              <span className={styles.titlename}>组织机构</span>
            </div>
            <div className={styles.content}>
              主办单位：武汉经济技术开发区（汉南区）科学技术和经济信息化局
            </div>
            <div className={styles.content} style={{ marginTop: '0' }}>
              技术支持：中电智开系统技术有限公司
            </div>
            <div style={{ marginTop: '20%' }} className={styles.bottom}>
              <img src={messageBoard} width={'60%'} />
            </div>
          </Col>
          <Col span={7}>
            <div className={styles.title}>
              <img src={contactwe} />
              <span className={styles.titlename}>联系我们</span>
            </div>
            <div className={styles.content}>
              地址：武汉市经济技术开发区东风大道88号市民服务中心17号窗口
            </div>
            <div className={styles.bottom}>
              <img src={address} width={'100%'} />
            </div>
          </Col>
        </Row>
      </div>
    </Footer>
  );
};

export default SiteFooter;
